<template>
  <div>
    <van-nav-bar title="全部科室" left-arrow @click-left="onClickLeft" />
    <van-search v-model="value" placeholder="请输入搜索关键词" />
    <van-swipe class="my-swipe" indicator-color="white"></van-swipe>
    <van-tree-select
      :items="items"
      :active-id.sync="activeId"
      :main-active-index.sync="activeIndex"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      items: [
        {
          text: "皮肤性病科",
          children: [
            {
              text: "皮肤性病科",
              id: 1,
            },
            {
              text: "皮肤病",
              id: 2,
            },
            {
              text: "性病科",
              id: 3,
            },
          ],
        },
        {
          text: "妇产科",
          children: [
            {
              text: "妇产科",
              id: 1,
            },
            {
              text: "妇科",
              id: 2,
            },
            {
              text: "产科",
              id: 3,
            },
          ],
        },
        {
          text: "男科",
          children: [
            {
              text: "男科",
              id: 1,
            },
          ],
        },
        {
          text: "儿科",
          children: [
            {
              text: "儿科",
              id: 1,
            },
            {
              text: "儿童保健科",
              id: 2,
            },
            {
              text: "小儿泌尿外科",
              id: 3,
            },
            {
              text: "小儿神经内科",
              id: 4,
            },
            {
              text: "小儿神经外科",
              id: 5,
            },
            {
              text: "小儿肾内科",
              id: 6,
            },
            {
              text: "小儿外科",
              id: 7,
            },
            {
              text: "小儿消化科",
              id: 8,
            },
            {
              text: "小儿心内科",
              id: 9,
            },
            {
              text: "小儿心外科",
              id: 10,
            },
            {
              text: "新生儿科",
              id: 11,
            },
          ],
        },
        {
          text: "中医科",
          children: [
            {
              text: "中医科",
              id: 1,
            },
            {
              text: "中医骨伤科",
              id: 2,
            },
            {
              text: "中医康复科",
              id: 3,
            },
            {
              text: "针灸推拿科",
              id: 4,
            },
          ],
        },
        {
          text: "精神心理科",
          children: [
            {
              text: "精神心理科",
              id: 1,
            },
            {
              text: "心理咨询科",
              id: 2,
            },
          ],
        },
        {
          text: "眼科",
          children: [
            {
              text: " 眼科",
              id: 1,
            },
            {
              text: "青光眼科",
              id: 2,
            },
            {
              text: "白内障科 ",
              id: 3,
            },
            {
              text: "角膜病科",
              id: 4,
            },
            {
              text: "屈光科",
              id: 5,
            },
            {
              text: "眼底科",
              id: 6,
            },
            {
              text: "眼外伤科",
              id: 7,
            },
            {
              text: "眼整形科",
              id: 8,
            },
          ],
        },
        {
          text: "营养科",
          children: [
            {
              text: "营养科",
              id: 1,
            },
          ],
        },
        {
          text: "内科 ",
          children: [
            {
              text: " 内科 ",
              id: 1,
            },
            {
              text: "风湿免疫科 ",
              id: 2,
            },
            {
              text: "呼吸内科 ",
              id: 3,
            },
            {
              text: "神经内科",
              id: 4,
            },
            {
              text: "内分泌科",
              id: 5,
            },
            {
              text: "肾内科",
              id: 6,
            },
            {
              text: "消化内科 ",
              id: 7,
            },
            {
              text: "心血管科 ",
              id: 8,
            },
            {
              text: "血液内科 ",
              id: 9,
            },
          ],
        },
        {
          text: "口腔科  ",
          children: [
            {
              text: " 口腔科  ",
              id: 1,
            },
            {
              text: "口腔颉面外科 ",
              id: 2,
            },
            {
              text: "口腔正畸科 ",
              id: 3,
            },
          ],
        },
        {
          text: "外科",
          children: [
            {
              text: "外科",
              id: 1,
            },
            {
              text: "肝胆胰外科",
              id: 2,
            },
            {
              text: "肛肠科",
              id: 3,
            },
            {
              text: "甲状腺乳腺外科",
              id: 4,
            },
            {
              text: "泌尿外科",
              id: 5,
            },
            {
              text: "普通外科",
              id: 6,
            },
            {
              text: "烧伤科",
              id: 7,
            },
            {
              text: "神经外科",
              id: 8,
            },
            {
              text: "心外科",
              id: 9,
            },
            {
              text: "胸外科",
              id: 10,
            },
            {
              text: "血管外科",
              id: 11,
            },
            {
              text: "肝胆胰外科",
              id: 12,
            },
          ],
        },
        {
          text: "耳鼻咽喉头颈外科   ",
          children: [
            {
              text: " 耳鼻咽喉头颈外科  ",
              id: 1,
            },
            {
              text: "耳鼻咽喉科 ",
              id: 2,
            },
            {
              text: "头颈外科 ",
              id: 3,
            },
          ],
        },
        {
          text: "骨科   ",
          children: [
            {
              text: " 骨科  ",
              id: 1,
            },
            {
              text: "关节外科 ",
              id: 2,
            },
            {
              text: "创伤骨科  ",
              id: 3,
            },
            {
              text: "脊柱外科  ",
              id: 4,
            },
            {
              text: "运动医学外科  ",
              id: 5,
            },
          ],
        },
        {
          text: "肿瘤科   ",
          children: [
            {
              text: " 肿瘤科  ",
              id: 1,
            },
            {
              text: "放疗科 ",
              id: 2,
            },
            {
              text: "肿瘤内科  ",
              id: 3,
            },
            {
              text: "肿瘤外科  ",
              id: 4,
            },
          ],
        },
        {
          text: "传染科",
          children: [
            {
              text: " 传染科  ",
              id: 1,
            },
            {
              text: " 结核科 ",
              id: 2,
            },
          ],
        },
        {
          text: "全科",
          children: [
            {
              text: " 全科  ",
              id: 1,
            },
          ],
        },
        {
          text: "体检科",
          children: [
            {
              text: " 体检科  ",
              id: 1,
            },
          ],
        },
        {
          text: "整型美容科",
          children: [
            {
              text: " 整形美容科  ",
              id: 1,
            },
            {
              text: " 医疗美容科 ",
              id: 2,
            },
          ],
        },
        {
          text: "康复医学科",
          children: [
            {
              text: " 儿童康复科  ",
              id: 1,
            },
            {
              text: " 康复医学科 ",
              id: 2,
            },
          ],
        },
      ],
      activeId: 0,
      activeIndex: 0,
      value: "",
    };
  },
  methods: {
    onClickLeft() {
      this.$router.replace("/registration");
    },
  },
};
</script>

<style>
.van-tabbar--fixed {
  position: fixed;
  left: 0;
}
.van-tree-select {
  height: 620px !important;
  margin-top: 10px;
}
.keshi {
  width: 100%;
  height: 50px;
  line-height: 50px;
  float: left;
  font-size: 19px;
  font-weight: 700;
}
</style>
